function LoadDate() {
    var xhr = new XMLHttpRequest();
    xhr.open("get", `./api/zm.php`, true);
    xhr.send();
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            var data = JSON.parse(xhr.responseText);
            if (data.code == 0) {
                //有数据
                var html = ''
                data.list.forEach(function(item) {
                    html += `
                        <li>
                            <img class="imgs" src="${item.img}" alt="">
                            <p class="tit">${item.title}</p>
                        </li>
                    `

                })
                $(".deta-b ul").append(html);

            }

        }
        console.log($(".deta-b ul"));
    }

}
LoadDate()

//tab切换
//获取dom
var lis = document.querySelectorAll(".cate .menu li")
console.log(lis);
var deta = document.querySelectorAll(".deta")
console.log(deta);

for (let j = 0; j < lis.length; j++) {

    lis[j].onclick = function(e) {
        // e.target.dataset : 属性，可以获取标签自定义属性的值 (data-)
        // let index = e.target.dataset.i;
        //全部去掉active
        for (var i = 0; i < lis.length; i++) {
            lis[i].classList.remove("active")
            deta[i].classList.remove("active")
        }
        lis[j].classList.add("active")
        deta[j].classList.add("active")
    }
}